<!DOCTYPE html>
<html th:replace="layout/layout"
      xmlns:th="http://www.thymeleaf.org">
<style th:fragment="styles">
</style>
<div th:fragment="content">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-10">
            <h2>统计分析</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="/index?menuId=1">首页</a>
                </li>
                <li class="active">
                    <strong>统计分析</strong>
                </li>
            </ol>
        </div>
        <div class="col-lg-2">

        </div>
    </div>
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-content">

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <select id='search_City' name='search_City' class="form-control"
                                            onchange="loadDistricts(this.value)">
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <select id='search_District' name='search_District' class="form-control"
                                            onchange="loadTowns(this.value)">
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <select id='search_Township' name='search_Township' class="form-control">
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <label class="col-lg-1 control-label">起始时间</label>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <input type="text" id="text_BeginDate" name="text_BeginDate" autocomplete="off"
                                           class="form-control">
                                </div>
                            </div>
                            <label class="col-lg-1 control-label">结束时间</label>
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <input type="text" th:value="${endDate}" id="text_EndDate" name="text_EndDate"
                                           autocomplete="off" class="form-control">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <button type="submit" class="btn btn-primary  btn-rounded  btn-sm" id="search"
                                        onclick="doSearch()"><i
                                        class="fa fa-search"></i>&nbsp;统计
                                </button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 饲养企业分布情况
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList1">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 饲养企业明细
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList11">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 饲养牲畜数量情况(总)
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList2">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 饲养牲畜数量情况(分)
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList22">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 饲养家禽数量情况(总)
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList3">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 饲养家禽数量情况(分)
                                    </div>
                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList33">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 检疫检验情况(总)
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList4">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 检疫检验情况(分)
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList44">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 无害化处理情况(总)
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList5">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <i class="fa fa-info-circle"></i> 无害化处理情况(分)
                                    </div>

                                    <div class="panel-body">
                                        <div class="jqGrid_wrapper">
                                            <table class="table table-striped table-bordered table-hover "
                                                   id="tableList55">
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:fragment="scriptRef">
    <script th:src="@{/js/lib/inspinia/js/plugins/laydate/laydate.js}"></script>
    <script th:src="@{/js/statistics/statistics.js}"></script>
    <!--表单验证-->
    <script th:src="@{/js/lib/validate/jquery.validate.min.js}"></script>
</div>
<script th:fragment="scripts" type="text/javascript">
    Statistics.init();
</script>
</html>